<template>
  <div class="nav">
    <router-link to="/film" active-class="active" tag="div">
      <a class="h1" href="">
        <img
          src="https://p0.meituan.net/scarlett/448afce485c1f342895185c2be668fa411803.png"
          alt=""
        />
      </a>
      <span> 发现最新最热电影 </span>
          <router-link to="/openapp"  >
      <a href="">
        打开APP
        <img
          src="https://p0.meituan.net/scarlett/70a18c9d3c345f442e5a4e6bf2d16180779.png"
          alt=""
      /></a>
         </router-link>
    </router-link>
  </div>
</template>

<script>
// import导入样式
// import "@/assets/iconfont/iconfont.css";

export default {
  data() {
    return {};
  },
  mounted() {},
};
</script>

<style lang="scss" scoped>
.nav {
  height: 40px;
  width: 100%;
  text-align: center;
  padding: 8px;
  padding-top: 10px;
  background: #fff;
  .h1 {
    img {
      height: 35px;
      float: left;
      margin-top: 0;
    }
  }
  span {
    display: inline-block;
    margin-left: 60px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
  }
  a {
    margin-left: 10px;
    margin-right: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #ba7e7e;
    text-decoration: none;
    img {
      height: 10px;
      float: right;
      margin-top: 15px;
      margin-right: -15px;
    }
  }
}
</style>